<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Aanmeldapplicatie</title>
<!--[if lt IE 9]>
	<script src="js/html5.js"></script>
<![endif]-->
<link href="css/style.css" rel="stylesheet" media="screen" type="text/css">
<link href="css/print.css" rel="stylesheet" media="print" type="text/css">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
</head>

<body>
<div id="page">
<!-- content on -->
<div class="gl-details">
	<p class="un-ds-close"><a href="#" title="Sluiten">Sluiten</a></p>
	<div class="gl-inner cf">
  	<section class="bl-ds">
    	<div class="un-ds-ttl noline">
      	<h1>Anneke Verbruggen</h1>
      </div>
      <fieldset>
      	<h2>NAW gegevens <a class="el-help" data-position="s" href="#tip_naw"></a></h2>
        <div id="tip_naw" class="un-tip-data">
        	<h4>NAW gegevens</h4>
          <p>Hier ziet u de naam, het adres en enkele aanvullende gegevens van het kind. Deze gegevens komen uit de Gemeentelijke Basisadministratie Persoonsgegevens (GBA). Als een kind verhuist of overlijdt, ontvangt u automatisch bericht.</p>
        </div>
        <dl class="un-row-txt cf">
        	<dt>Geboortedatum</dt>
          <dd>20-09-2013</dd>
        </dl>
        <dl class="un-row-txt cf">
        	<dt>BSN</dt>
          <dd>123.12.456</dd>
        </dl>
        <dl class="un-row-txt cf">
        	<dt>Adres</dt>
          <dd>Wassenaarsestraatweg 123<br />2514 AX Den Haag</dd>
          <dd>
          	<input type="checkbox" name="frm_nm_15" id="frm_chk_15">
            <label for="frm_chk_15">Geheim adres</label>
          </dd>
        </dl>
        <dl class="un-row-txt cf">
        	<dt>Geslacht</dt>
          <dd>Vrouw</dd>
        </dl>
      </fieldset>
      <fieldset>
      	<h2>Aanvullende gegevens <span>(niet verplicht)</span> <a class="el-help" href="#tip_aanvullende"></a></h2>
        <div id="tip_aanvullende" class="un-tip-data">
        	<h4>Aanvullende gegevens</h4>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p><p>Curabitur commodo viverra suscipit. Sed ipsum urna, lobortis id ullamcorper sed, laoreet nec orci.</p>
        </div>
        <dl class="un-row cf">
        	<dt><label for="frm_inp_08">Roepnaam</label></dt>
          <dd>
          	<input id="frm_inp_08" type="text" value="">
          </dd>
        </dl>
        <dl class="un-row cf">
        	<dt><label for="frm_inp_09">Vast tel.nr.</label></dt>
          <dd>
          	<input id="frm_inp_09" type="text" class="el-inp-33" value="">
          	<div class="el-intra-33"><label for="frm_inp_10">Mobiel nr.</label></div>
          	<input id="frm_inp_10" type="text" class="el-inp-33" value="">
          </dd>
        </dl>
        <dl class="un-row cf">
        	<dt><label for="frm_inp_11">E-mailadres</label></dt>
          <dd>
          	<input id="frm_inp_11" type="text" value="">
          </dd>
        </dl>
        <dl class="un-row cf">
          <dd>
          	<input id="frm_rdo_03" type="checkbox" class="el-form-address"> <!-- class el-form-address need for js -->
            <label for="frm_rdo_03">Extra adres</label> <a class="el-help" href="#tip_extra_adres"></a>
            <div class="un-ds-address">
            	<dl class="cf">
              	<dt><label for="frm_inp_in_01">Straat + nr.</label></dt>
                <dd>
                	<input id="frm_inp_in_01" type="text" class="el-inp-80" value="">
                  <input type="text" class="el-inp-20" value="">
                </dd>
              </dl>
              <dl class="cf">
              	<dt><label for="frm_inp_in_02">Postcode + plaats</label></dt>
                <dd>
                	<input id="frm_inp_in_02" type="text" class="el-inp-20" value="">
                  <input type="text" class="el-inp-80" value="">
                </dd>
              </dl>
              <dl class="cf">
              	<dt><label for="frm_inp_in_03">Vast tel.nr.</label></dt>
                <dd>
                	<input id="frm_inp_in_03" type="text" value="">
                </dd>
              </dl>
              <dl class="cf">
              	<dt><label for="frm_inp_in_04">E-mailadres</label></dt>
                <dd>
                	<input id="frm_inp_in_04" type="text" value="">
                </dd>
              </dl>
              <dl class="cf">
                <dd>
                	<input id="frm_rdo_in_01" type="checkbox" value=""><label for="frm_rdo_in_01">Ook correspondentieadres</label>
                </dd>
              </dl>
            </div>
          </dd>
        </dl>
        <div id="tip_extra_adres" class="un-tip-data">
        	<h4>Extra adres</h4>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur commodo viverra suscipit. Sed ipsum urna, lobortis id ullamcorper sed, laoreet nec orci.</p>
        </div>
      </fieldset>
      <fieldset>
      	<h2>Aanmeldgegevens</h2>
        <dl class="un-row cf">
        	<dt><label for="frm_inp_12">Schoollocatie</label></dt>
          <dd>
          	<select id="frm_inp_12">
            	<option>De Graafflaan</option>
            </select>
          </dd>
        </dl>
        <dl class="un-row cf">
        	<dt><label for="frm_rdo_04">Toelatingscriteria</label><a class="el-help" href="#tip_toelatingscriteria"></a></dt>
          <dd class="el-rdo-ln">
          	<p>
              <input id="frm_rdo_04" type="radio" name="frm_nm_02">
              <label for="frm_rdo_04">Voldoet aan geen enkel criterium</label>
            </p>
            <p>
              <input id="frm_rdo_05" type="radio" name="frm_nm_02" class="el-form-criteria"> <!-- class el-form-criteria need for js -->
            	<label for="frm_rdo_05">Voldoet aan één of meerdere criteria</label>
            </p>
            <ul class="un-ds-criteria">
            	<li>
              	<input id="frm_rdo_15" type="checkbox" name="frm_nm_04">
            		<label for="frm_rdo_15">Broertje/zusje</label>
              </li>
              <li>
              	<input id="frm_rdo_16" type="checkbox" name="frm_nm_04">
            		<label for="frm_rdo_16">In de buurt</label>
              </li>
            </ul>
          </dd>
        </dl>
        <div id="tip_toelatingscriteria" class="un-tip-data">
        	<h4>Toelatingscriteria</h4>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
        </div>
        <dl class="un-row cf">
        	<dt><label>Aanvullende informatie (niet verplicht)</label></dt>
          <dd>
            <textarea rows="8" cols="50"></textarea>
          </dd>
        </dl>
      </fieldset>
      <div class="un-ds-btn cf">
        <button class="el-btn-blue" type="submit"><span><em class="el-p"></em>Wijziging opslaan</span></button>
        <a class="el-delete" href="#" title="aanmelding annuleren">aanmelding annuleren</a>
      </div>
      <dl class="un-ds-reg">
        <dt>Wat gebeurt er als ik op ‘Aanmelden’ klik?</dt>
        <dd>
          <h3>Wat gebeurt er als ik op ‘Aanmelden’ klik?</h3>
          <p>Wanneer u het kind heeft aangemeld wordt er automatisch een aanmeldbrief gegenereerd die naar het e-mailadres wordt verstuurd dat is aangegeven in uw instellingen. Deze aanmeldbrief is vervolgens ook beschikbaar bij de kindgegevens binnen de aanmeldapplicatie.</p>
          <p>De aanmeldbrief kan vanuit school naar de ouders worden verstuurd (per post dan wel per e-mail) ter bevestiging van de aanmelding op uw school.</p>
        </dd>
      </dl>
    </section>
    <aside class="bl-ds-side">
			<div class="un-ds-note">
      	<span class="el-top"></span>
      	<div class="un-txt">
        	<h3><span>Schooljaar</span> 2016/2017</h3>
          <h4>Aangemeld op uw school</h4>
          <dl>
          	<dt>Uw keuze</dt>
            <dd class="el-permit"><a href="#" title="Toelaten"><em>&#10004;</em>Toelaten</a></dd>
            <dd class="el-reject"><a href="#" title="Afwijzen"><em>&#10008;</em>Afwijzen</a></dd>
          </dl>
          <p class="el-help"><a href="#tip_happens" data-position="e" title="Wat gebeurt er als ik toelaat of afwijs?">Wat gebeurt er als ik toelaat of afwijs?</a></p>
          <div class="un-tip-data" id="tip_happens">
          	<h4>Keuze wijzigen?</h4>
            <p>U kunt een toelating niet wijzigen naar een afwijzing. Wanneer ouders er om vragen, kunt u de toelating wel annuleren, bijvoorbeeld in het geval van verhuizing buiten de gemeente.</p>
            <p>Heeft u een vergissing gemaakt bij het toelaten?</p>
            <p><a href="#" title="Neem dan contact op met de helpdesk van Eén Aanmeldleeftijd.">Neem dan contact op met de helpdesk van Eén Aanmeldleeftijd.</a></p>
          </div>
        </div>
			</div>
      <ul class="un-ds-action">
        <li class="el-print"><a href="#" title="Printen">Printen</a></li>
        <li class="el-manual"><a href="#" title="Handleiding">Handleiding</a></li>
      </ul>
    </aside>
  </div>
</div>
<!-- content off -->
</div>
<a class="el-modal-show" href="#van_een_andere_school"></a>
<div id="van_een_andere_school" class="bl-modal bl-ds-modal">
	<h3>Anneke Verbruggen is aangemeld bij de AMG Schmidtschool in schooljaar 2016/2017</h3>
  <div class="un-md-cover cf">
  	<h4>Direct toelaten of afwijzen</h4>
    <div class="un-md-col cf">
      <div class="el-left">
        <p>De toelatingsperiode van schooljaar 2016/2017 is geweest. Daarom moet u Anneke Verbruggen binnen 6 weken toelaten of afwijzen.</p>
        <p><em>In 2016/2017 zijn nog 6 plekken.</em></p>
      </div>
      <div class="el-right">
        <dl>
          <dt>Uw keuze</dt>
          <dd class="el-permit"><a href="#" title="Toelaten"><em>&#10004;</em>Toelaten</a></dd>
          <dd class="el-reject"><a href="#" title="Afwijzen"><em>&#10008;</em>Afwijzen</a></dd>
        </dl>
      </div>
    </div>
    <div class="un-md-btn cf">
      <button class="el-btn-blue" disabled="disabled" type="submit"><span>Bevestigen &rsaquo;</span></button>
    </div>
  </div>
  <p class="el-link"><a href="#" title="Later beslissen">Later beslissen</a></p>
</div>
<script src="js/jq.core.js"></script>
<script src="js/jq.function.js"></script>
</body>
</html>
